<template>
    <div class="pay-success">
        <h1>支付成功</h1>

        <div class="result">
            <div>
                <el-result icon="success"></el-result>
                <!-- <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-chenggong"></use>
                </svg> -->
                <p>支付成功</p>
                <p>请退出重新登入,以获取尊贵vip权限</p>
                <div class="btn">
                    <el-button type="primary" size="medium" @click="replace">返回</el-button>
                </div>
            </div>
        </div>
    </div>
    
</template>


<script>
export default{
    methods: {
        replace(){
            this.$router.push({path:'/welcome'})
        }
    }
}
</script>

<style lang="less" scoped>
// .result{
//     // padding: 40px 30px
// }
/deep/ .icon{
    width: 64px;
    height: 64px;
}
p:nth-of-type(1){
    // margin-top: 20px;
    font-size:"36px";
    font-weight: 500;
}
p:nth-of-type(2){
    margin-top: 20px;
    margin-bottom: 30px;
}
</style>